
Vue.component('modal', {

    template: `
    <div class="modal is-active">
    <div class="modal-background"></div>
    <div class="modal-card">
      <header class="modal-card-head">
        <p class="modal-card-title"> 

        <slot name="header"></slot>

         </p>
        <button class="delete" aria-label="close"></button>
      </header>
      <section class="modal-card-body">
        <!-- Content ... -->
        <p> <slot>默认显示的文字描述</slot> </p>
      </section>
      <footer class="modal-card-foot">

<slot name="footer">

<button class="button is-success">OK</button>

</slot>

      </footer>
    </div>
  </div>
        `,


});



new Vue({

    el: '#root',

});